<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8" />
  <meta http-equiv="Content-Security-Policy"
    content="default-src 'self';script-src 'self' 'unsafe-inline';connect-src *" />
  <meta name="viewport" content="width=device-width,initial-scale=1" />
  <title>Bookmarker</title>
  <link rel="stylesheet" href="style.css" type="text/css" />
</head>

<body>
  <h1>Bookmarker</h1>
  <p>
    <button class="alert">Current Directory</button>
  </p>
  <div class="error-message"></div>
  <section class="add-new-link">
    <form class="new-link-form">
      <input class="new-link-url" placeholder="URL" size="100" required />
      <input type="submit" class="new-link-submit" value="Submit" disabled />
    </form>
  </section>
  <section class="links"></section>
  <section class="controls">
    <button class="clear-storage">Clear Storage</button>
  </section>
</body>
<script>
  require("./render.js");
</script>

</html>